<script setup lang="ts">
import { ref, reactive } from "vue";

defineOptions({
  name: "AppDynamicClean"
});
const frameSrc = "http://10.8.58.1:30439/datalake/#/no-bar/quality-assurance";
</script>

<template>
  <div>
    <div class="frame" element-loading-text="加载中...">
      <iframe ref="frameRef" :src="frameSrc" class="frame-iframe" />
    </div>
  </div>
</template>

<style lang="scss" scoped>
.frame {
  margin-left: -20px;
  margin-top: -20px;
  width: 500px;
  height: 500px;
  background-color: aqua;
  .frame-iframe {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    overflow: hidden !important;
    border: 0;
  }
}
</style>
